 <template>
  <div class="form-group">
    <input
      type="text"
      class="form-control"
      :placeholder="placeholder"
      :value="username"
      @input="$emit('input',$event.target.value)"
    />
  </div>
</template>

<script>
export default {
  name: "UsernameInput",
  model: {
    prop: "username",
    event: "input"
  },
  props: {
    username: {
      default: ""
    },
    placeholder: {
      default: ""
    }
  }
};
</script>